
.slide-from-top {
	-webkit-animation: slide-from-top .5s ease both;
	animation: slide-from-top .5s ease both;
}

.slide-from-bottom {
	-webkit-animation: slide-from-bottom .5s ease both;
	animation: slide-from-bottom .5s ease both;
}


@-webkit-keyframes slide-from-top {
	from { -webkit-transform: translateY(-100%); }
}

@keyframes slide-from-top {
	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes slide-from-bottom {
	from { -webkit-transform: translateY(100%); }
}

@keyframes slide-from-bottom {
	from { -webkit-transform: translateY(100%); transform: translateY(100%); }
}
